<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Clism</title>
    <link rel="shortcut icon" href="/favicon.ico">
    <script src="/dist/sweetalert-dev.js"></script> 
    <link rel="stylesheet" type="text/css" href="/dist/sweetalert.css">
    <style>
* {
  margin: 0;
  padding: 0;
  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
  list-style: none;
}
section {
  margin: 0 auto;
  max-width: 600px;
  padding: 10px;
}
section p {
  margin: 0.6em 0;
  font-size: 0.85em;
  color: #606266;
}
.jumbotron {
  display: block;
  margin: 60px auto 0;
  max-width: 800px;
}
.main {
  margin-top: 60px;
}
.demo {
  display: flex;
  flex-wrap: wrap;
}
.demo .container {
  margin: 25px;
}
.demo-img {
  width: 250px;
}
.download li {
  color: #303133;
}
a {
  color: #8fbc8f;
}
a:hover {
  color: #99ec99;
}
@media screen and (max-width: 820px) {
  .jumbotron {
    width: 80%;
  }
}
.copy {
  -ms-flex-align: end;
  -ms-flex-pack: center;
  -ms-flex-wrap: wrap;
  -webkit-box-align: end;
  -webkit-box-pack: center;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  font-size: .7em;
  color: #909399;
  justify-content: center;
  padding: 2em;
}
.noselect {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
    </style>
    <script>
function err() {
  sweetAlert('哎呦……', '这个版本太低了，和网站不配套，无法使用！','error')
}
    </script>
  </head>
  <body>
    <img class="jumbotron" src="/imgs/jumbotron.png">
    <section class="main">
      <p>Clism全称“a Camera Launched with Image-Style Migration”，中文名称古怪相机。</p>
      <p>它可以将你的照片变换成各种各样好玩的风格，分享给你的好友。</p>
      <p>用户界面简单清爽，相机轻便有趣。</p>
      <div class="demo">
        <div class="container">
          <img class="demo-img" src="/imgs/img_1.jpg" alt="原照片">
        </div>
        <div class="container">
          <img class="demo-img" src="/imgs/img_2.jpg" alt="迁移后照片">
        </div>
      </div>
      <p>在未来的版本中，你还可以赚取游戏积分点，解锁新的图像迁移风格。</p>
      <p>本项目使用了前沿的人工智能技术，完成图像风格迁移计算。</p>
      <p>指定一幅输入图像作为基础图像，也被称做内容图像；同时指定另一幅图像，作为希望得到的图像风格。</p>
      <p>在保证图像内容的同时，将图像风格进行转换，使得最终输出的合成图像呈现出输入图像内容和风格的完美结合。</p>
      <ol class="download">
        <h3>下载列表</h3>
        <li>
          <span>点击下载</span>
          <a href="/apks/clism_v1.2.1.apk">Clism v1.2.1</a>
        </li>
        <li>
          <span>点击下载</span>
          <a href="javascript:err();">Clism v1.2</a>
        </li>
        <li>
          <span>点击下载</span>
          <a href="javascript:err();">Clism v1.1</a>
        </li>
        <li>
          <span>点击下载</span>
          <a href="javascript:err();">Clism v1.0</a>
        </li>
      </ol>
      <div class="copy">
        <span class="noselect">Copyright &npsb; 2018-2018 DDLTECH.</span>
        <span class="noselect">All rights reserved.</span>
        <span class="noselect">陕ICP备18011800号.</span>
      </div>
    </section>
  </body>
</html>
